* {
    margin: 0;
    padding: 0;
}

.pic {
    width: 120px;
    height: 180px;
    border: 1px red solid;
    margin: 150px auto 0;
    position: relative;
    /*transform 旋转元素*/
    transform-style: preserve-3d;
    transform: perspective(800px) rotateX(-10deg) rotateY(0deg);

}

body {
    background-color: black;
    overflow: hidden;
}

.pic img {

    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #fff;
    /*倒影的设置*/
    -webkit-box-reflect: below 10px -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .5) 100%);
}

.pic p {
    width: 1200px;
    height: 1200px;
    background: -webkit-radial-gradient(center center, 600px 600px, rgba(255, 255, 255, .5), rgba(0, 0, 0, 0));
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: -600px;
    margin-left: -600px;
    border-radius: 600px;
    transform: rotateX(90deg);
}